<template>
  <div>
    <div class="nav">
      <ul class="navL">
        <li>热门推荐</li>
        <li>手机数码</li>
        <li>家用电器</li>
        <li>电脑办公</li>
        <li>计生情趣</li>
        <li>美妆护肤</li>
        <li>个护清洁</li>
        <li>热门推荐</li>
        <li>手机数码</li>
        <li>家用电器</li>
        <li>电脑办公</li>
        <li>计生情趣</li>
        <li>美妆护肤</li>
        <li>个护清洁</li>
      </ul>
    </div>
    <div class="list">
      <h4 class="tit">热门分类</h4>
      <ul class="tagul">
        <li>
          <img src="//img30.360buyimg.com/focus/s140x140_jfs/t13411/188/926813276/3945/a4f47292/5a1692eeN105a64b4.png" alt="">
          <div>手机</div>
        </li>
        <li>
          <img src="//img14.360buyimg.com/focus/s140x140_jfs/t11929/135/2372293765/1396/e103ec31/5a1692e2Nbea6e136.jpg" alt="">
          <div>手机</div>
        </li>
        <li>
          <img src="//img10.360buyimg.com/focus/s140x140_jfs/t12178/348/911080073/4732/db0ad9c7/5a1692e2N6df7c609.jpg" alt="">
          <div>手机</div>
        </li>
        <li>
          <img src="//img30.360buyimg.com/focus/s140x140_jfs/t13411/188/926813276/3945/a4f47292/5a1692eeN105a64b4.png" alt="">
          <div>手机</div>
        </li>
        <li>
          <img src="//img14.360buyimg.com/focus/s140x140_jfs/t11929/135/2372293765/1396/e103ec31/5a1692e2Nbea6e136.jpg" alt="">
          <div>手机</div>
        </li>
        <li>
          <img src="//img10.360buyimg.com/focus/s140x140_jfs/t12178/348/911080073/4732/db0ad9c7/5a1692e2N6df7c609.jpg" alt="">
          <div>手机</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CatetList'
}
</script>

<style lang="stylus" scoped>
  .nav
    overflow-y auto
    height 600px
    float left
  .navL
    width 85px
    background #f8f8f8
    height 700px
  .navL li
    height 46px
    width 85px
    text-align center
    line-height 46px
  .list
    margin-left 85px
  .tit
    font-weight bold
    padding-top 15px
    padding-bottom 15px
    margin-left 5px
  .tagul li
    width 32.5%
    float left
    text-align center
  .tagul li img
    width 70px
  .tagul li div
    margin-top 5px
    margin-bottom 10px
</style>
